<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
	<title>评分看板</title>
	<!-- inject:css -->
	<link rel="stylesheet" href="/common/vendor/layui/css/layui.css">
	<link rel="stylesheet" href="/common/vendor/Cropper/Cropper.css">
	<link rel="stylesheet" href="/static/css/common.css">
	<link rel="stylesheet" href="/static/css/ie8.css">
	<link rel="stylesheet" href="/static/font/iconfont.css" />
	<!-- endinject -->
	<link rel="stylesheet" href="/static/css/do.css" />
	<link rel="stylesheet" href="<%= fileName %>.css" />
</head>

<body style="overflow: hidden;">

	<div class="wt-navBar wt-clearFloat">
		<div class="fl wt-navBar-icon">
			<!--
				图表：&#xe791;
				新增：&#xe7c6;
				查看：&#xe7c7;
				编辑：&#xe7a0;
			-->
			<span class="iconfont">&#xe791;</span>
		</div>
		<h1 class="fl wt-navBar-title">评分看板</h1>
		<div style="border: 1px solid #e2e2e2; margin: 20px; height: 40px;" class="fl non-apply"></div>
		<!-- tab -->
		<div id="tab" class="fl layui-tab layui-tab-brief wt-tab non-apply" lay-filter="demo">
			<ul class="layui-tab-title">
				<li id="org-tab" class="layui-this">按科室</li>
				<li id="project-tab">按评价项目</li>
				<li id="detail-tab">明细</li>
			</ul>
		</div>
		<!-- 操作 -->
		<div class="fr wt-navBar-btns">
			<!-- <button type="button" class="layui-btn layui-btn-primary" id="preview">预览</button>
			<button type="button" class="layui-btn" id="submit">提交</button>
			<button type="button" class="layui-btn layui-btn-danger" id="close">关闭</button> -->
		</div>
	</div>

	<div class="do-tab-main">

		<!-- 按评价项目 -->
		<div id="project-tab-content" class="do-tab-content wt-hide">
			<div class="do-page-section-form wt-form-panel wall">
				<form class="layui-form do-from-words" lay-filter="filterForm">
					<div class="layui-fluid">
						<div class="layui-row layui-col-space10">
							<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
								<div class="layui-form-item five-words">
									<label class="layui-form-label">评价季度</label>
									<div class="layui-input-block">
										<select id="quarterlyAllTypeByProject" name="quarterlyAllType"></select>
									</div>
								</div>
							</div>
							<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
								<div class="layui-form-item four-words">
									<label class="layui-form-label ">部门类型</label>
									<div class="layui-input-block ">
										<select id="orgTypeByProject" name="isSubmit">
											<!-- <option value="全部" selected>全部</option> -->
											<option value="市局政治处各科室" selected>市局政治处各科室</option>
											<option value="市局机关各单位政秘部门、警训支队">市局机关各单位政秘部门、警训支队</option>
											<option value="县（市、区）局政工室">县（市、区）局政工室</option>
										</select>
									</div>
								</div>
							</div>
							<div class="layui-col-xs12 layui-col-sm6 layui-col-md2 layui-col-lg2">
								<div class="layui-form-item wt-btn-together do-btn-bar">
									<button class="layui-btn layui-btn-normal layui-btn-sm" id="projectSearchBtn"
										type="button">搜索</button>
									<button class="layui-btn layui-btn-primary layui-btn-sm" type="reset">重置</button>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
			<div class="main">
				<div class="box box-left">
					<blockquote class="layui-elem-quote">综合情况</blockquote>
					<div id="comprehensiveChart" class="echart"></div>
				</div>

				<div class="box">
					<blockquote class="layui-elem-quote">工作态度</blockquote>
					<div id="workDataChart" class="echart"></div>
				</div>

				<div class="box box-left">
					<blockquote class="layui-elem-quote">业务水平</blockquote>
					<div id="businessDataChart" class="echart"></div>
				</div>

				<div class="box">
					<blockquote class="layui-elem-quote">责任意识</blockquote>
					<div id="dutyDataChart" class="echart"></div>
				</div>

				<div class="box box-left">
					<blockquote class="layui-elem-quote">工作效率</blockquote>
					<div id="efficiencyDataChart" class="echart"></div>
				</div>

				<div class="box">
					<blockquote class="layui-elem-quote">答疑情况</blockquote>
					<div id="answerDataChart" class="echart"></div>
				</div>
			</div>
		</div>

		<!-- 明细 -->
		<div id="detail-tab-content" class="do-tab-content wt-hide">
			<div class="do-page-section-form wt-form-panel wall">
				<form class="layui-form do-from-words" lay-filter="filterForm">
					<div class="layui-fluid">
						<div class="layui-row layui-col-space10">
							<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
								<div class="layui-form-item five-words">
									<label class="layui-form-label">评价季度</label>
									<div class="layui-input-block">
										<select id="quarterlyAllTypeByDetail" name="quarterlyAllType"></select>
									</div>
								</div>
							</div>
							<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
								<div class="layui-form-item four-words">
									<label class="layui-form-label ">部门类型</label>
									<div class="layui-input-block ">
										<select id="orgTypeByDetail" name="isSubmit">
											<!-- <option value="全部" selected>全部</option> -->
											<option value="市局政治处各科室" selected>市局政治处各科室</option>
											<option value="市局机关各单位政秘部门、警训支队">市局机关各单位政秘部门、警训支队</option>
											<option value="县（市、区）局政工室">县（市、区）局政工室</option>
										</select>
									</div>
								</div>
							</div>
							<div class="layui-col-xs12 layui-col-sm6 layui-col-md2 layui-col-lg2">
								<div class="layui-form-item wt-btn-together do-btn-bar">
									<button class="layui-btn layui-btn-normal layui-btn-sm" lay-filter="tableSearchBtn" lay-submit>搜索</button>
									<button class="layui-btn layui-btn-primary layui-btn-sm" type="reset">重置</button>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
			<div class="info-main layui-row layui-col-space5">
				<div class="layui-col-sm3 layui-col-md3 layui-col-lg3">
					<div class="wt-block-area wt-bg-green">
						<div class="wt-title">已评人数</div>
						<div class="wt-count" id="peopleNum"></div>	
						<span class="iconfont">&#xe7a0;</span>
					</div>
				</div>
				<div class="layui-col-sm3 layui-col-md3 layui-col-lg3">
					<div class="wt-block-area wt-bg-blue">
						<div class="wt-title">平均评分</div>
						<div class="wt-count" id="averageScore"></div>	
						<span class="iconfont">&#xe86a;</span>
					</div>
				</div>
				<div class="layui-col-sm3 layui-col-md3 layui-col-lg3">
					<div class="wt-block-area wt-bg-purple">
						<div class="wt-title">最高分</div>
						<div class="wt-count" id="max"></div>	
						<span class="iconfont">&#xe7bc;</span>
					</div>
				</div>
				<div class="layui-col-sm3 layui-col-md3 layui-col-lg3">
					<div class="wt-block-area wt-bg-orange">
						<div class="wt-title">最低分</div>
						<div class="wt-count" id="min"></div>	
						<span class="iconfont">&#xe7bd;</span>
					</div>
				</div>
			</div>
			<div class="form-main">
				<!-- 表格 -->
				<table id="table" lay-filter="table"></table>
				<!-- 表格：工具栏 -->
				<script type="text/html" id="toolbar">
					<div class="layui-btn-container">
						<!-- <button class="layui-btn layui-btn-sm" lay-event="add">新增</button>
						<button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="del">删除</button> -->
						<!-- <button class="layui-btn layui-btn-sm" lay-event="export">导出</button> -->
					</div>
				</script>
				<!-- 表格：操作项 -->
				<script type="text/html" id="rowbar">
					<!-- 无：绿、primary：白、normal:蓝、warm-黄、danger:红，-->
					<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
					<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete">删除</a>
					<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="view">查看</a>
					{{# if(d.release === 1){ }}
					<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="cancel">取消评选</a>
					{{# }else{ }}
					<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="public">发布评选</a>
					{{# } }}
				</script>	
			</div>
		</div>

		<!-- 按科室 -->
		<div id="org-tab-content" class="do-tab-content ">
			<div class="do-page-section-form wt-form-panel wall">
				<form class="layui-form do-from-words" lay-filter="filterForm">
					<div class="layui-fluid">
						<div class="layui-row layui-col-space10">
							<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
								<div class="layui-form-item five-words">
									<label class="layui-form-label">评价季度</label>
									<div class="layui-input-block">
										<select id="quarterlyAllTypeByOrg" name="quarterlyAllType"></select>
									</div>
								</div>
							</div>
							<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
								<div class="layui-form-item four-words">
									<label class="layui-form-label ">部门类型</label>
									<div class="layui-input-block ">
										<select id="orgTypeByOrg" name="isSubmit">
											<!-- <option value="全部" selected>全部</option> -->
											<option value="市局政治处各科室" selected>市局政治处各科室</option>
											<option value="市局机关各单位政秘部门、警训支队">市局机关各单位政秘部门、警训支队</option>
											<option value="县（市、区）局政工室">县（市、区）局政工室</option>
										</select>
									</div>
								</div>
							</div>
							<div class="layui-col-xs12 layui-col-sm6 layui-col-md2 layui-col-lg2">
								<div class="layui-form-item wt-btn-together do-btn-bar">
									<button class="layui-btn layui-btn-normal layui-btn-sm" id="orgSearchBtn"
										type="button">搜索</button>
									<button class="layui-btn layui-btn-primary layui-btn-sm" type="reset">重置</button>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
			<div id="orgMain" class="main"></div>
			<!-- 摸板，变量固定：d -->
			<script type="text/html" id="tplChartBox">
				{{# layui.each(d,function(index,item){}}
				<div class="box {{# if(index % 2 === 0) { }}box-left{{# } }}">
					<blockquote class="layui-elem-quote">{{item.evaluationUnit}}</blockquote>
					<div class="info">
						<span>可评：{{item.evaluatableNum}}</span>
						<span>已评：{{item.reviewedNum}}</span>
						<span>参评率：{{item.participationRate}}</span>
					</div>
					<div id="chart{{index}}" class="echart"></div>
				</div>
				{{# })}}
			</script>
		</div>
	</div>






	<!--[if lt IE 9]>
		<script src="/static/js/html5.min.js"></script>
		<script src="/static/js/respond.min.js"></script>
		<![endif]-->
	<!-- inject:js -->
	<script src="/common/vendor/layui/layui.js"></script>
	<script src="/common/module/excommon.js"></script>
	<!-- endinject -->

	<script src="<%= fileName %>.js"></script>
</body>

</html>